let css=`

#$
display属性
<table border="1">
<tr>
<th>值</th>
<th>描述</th>

</tr>


<tr>
<td>none</td>
<td>此元素不会被显示。</td>
</tr>

<tr>
<td>block</td>
<td>此元素将显示为块级元素，此元素前后会带有换行符。</td>
</tr>

<tr>
<td>inline</td>
<td>默认。此元素会被显示为内联元素，元素前后没有换行符。</td>
</tr>

<tr>
<td>inline-block</td>
<td>行内块元素(css2.1)新增</td>
</tr>

<tr>
<td>list-item</td>
<td>此元素作为列表显示</td>
</tr>

<tr>
<td>run-in</td>
<td>此元素会根据上下文作为块级元素或内联元素显示。</td>
</tr>

<tr>
<td>table</td>
<td>此元素会作为块级表格来显示（类似 table），表格前后带有换行符
</td>
</tr>

<tr>
<td>table-row-group</td>
<td>此元素会作为一个或多个行的分组来显示（类似 tbody>）。</td>
</tr>

<tr>
<td>table-header-group</td>
<td>此元素会作为一个或多个行的分组来显示（类似 thead>）。</td>
</tr>

<tr>
<td>table-footer-group</td>
<td>此元素会作为一个或多个行的分组来显示（类似 tfoot>）。</td>
</tr>

<tr>
<td>table-row</td>
<td>此元素会作为一个表格行显示（类似 tr>）。</td>
</tr>

<tr>
<td>table-column-group</td>
<td>此元素会作为一个或多个列的分组来显示（类似 colgroup>）。</td>
</tr>


<tr>
<td>table-column</td>
<td>此元素会作为一个单元格列显示（类似 col>）</td>
</tr>

<tr>
<td>table-cell</td>
<td>此元素会作为一个表格单元格显示（类似 td> 和 th>）</td>
</tr>

<tr>
<td>table-caption</td>
<td>此元素会作为一个表格标题显示（类似 caption>）</td>
</tr>

<tr>
<td>inherit</td>
<td>规定应该从父元素继承 display 属性的值。</td>
</tr>




</table>
#$
//溢出隐藏
overflow:hidden;
#$
//垂直居中
//line-height:值为div高度
<div class="col-2 text-center border rounded-circle m-auto" style="height:16.666vw;line-height:16.666vw">鞋子</div>
#$
//设置背景图片固定
body{background-image:url(index/imgs/1.jpg);
  background-repeat:no-repeat;
  background-size:400px 680px;
  background-attachment: fixed;
  }   
  
  #$
  //圆角,逆时针
 style="line-height:6.8vh;background:red;border:1px solid #cdcdcd;border-radius:0vh 5px 5px 0vh"
 
 `;
export {
    css,
}